<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>好孕妈妈</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">


	<script type="text/javascript" src="js/Adaptive.js"></script>
	<script type="text/javascript" src="js/public.js"></script>
	<script type="text/javascript" src="vue/vue.js"></script>
	<script type="text/javascript" src="vue/axios.min.js"></script>

</head>

<body style="background-color: #f8f8f8;">

	<section id="app">
		<div id="alertCon" v-show="controller.alertText"><span>{{controller.alertText}}</span></div>
		<section class="logoin" v-show="isWrite">
			<div class="form">
				<div class="head">登录</div>
				<ul>
					<li style="text-align: center;">
						<span class="label" :class="[isTraining == 1 ? 'active' : '']" @click="isTraining = 1">培训</span>
						<span class="label" :class="[isTraining == 10 ? 'active' : '']" @click="isTraining = 10">就业</span>
					</li>
					<li>
						<div class="name">手机号 :</div>
						<input type="number" name="phone" v-model="message.phone" placeholder="请输入手机号码">
					</li>
					<li>
						<div class="name">验证码 :</div>
						<input type="number" style="padding-right: 220px;" name="verification" v-model="message.verification" placeholder="请输入验证码">
						<div class="verificationBtn" @click="GetVerificationAjaxFun">{{verificationBot}}</div>
					</li>
					<li>
						<button type="button" @click="verificationAjaxFun">立即登录</button>
					</li>


				</ul>
			</div>
		</section>

		<div class="Navcon">
			<div class="heads" style="color: #333;border-bottom: 1px solid #e1e1e1;">
				<a class="goup" href="#"><i class="iconfont">&#xe62b;</i></a> 好孕妈妈
			</div>
			<header class="Message">
				<div class="LCn">
					<a href="#" class="iconCn"><img :src="user.icon"></a>
					<div class="LogOut" @click="LogOut" v-show="!isWrite">退出登录</div>
				</div>
				<div class="Rn">
					<div class="name">{{user.name}}</div>
					<div class="dist">
						<div class="site">{{user.site}}</div>
						<a :href="user.resume.link" class="link">{{user.resume.text}}<i class="iconfont">&#xe62a;</i></a>
					</div>
					<div class="srat">
						<span>
							<i v-for="n in 5" class="iconfont" :class="[n <= user.star.ind ? 'active': '' ]">&#xe641;</i>
						</span>
						<span v-if="!isInfomation">{{user.star.text}}</span>
						<span class="link" v-if="isInfomation">进行评级考核<i class="iconfont">&#xe62a;</i></span>
					</div>
				</div>
			</header>
			<ul class="Navlist">
				<li>
					<a :href="neutralGear">
						<div class="title">
							<div class="iconCn"><i class="iconfont">&#xe999;</i></div>
							<div class="name">空档期</div>
						</div>
						<div class="Rn">
							<i class="iconfont">&#xe62a;</i>
						</div>
					</a>
				</li>
				<li class="time" v-for="(item, index) in user.tiemlist">{{item.starttime}}---{{item.endtime}}</li>
				<div class="btn">
					<a :href="neutralGear">添加空档期</a>
				</div>
			</ul>

			<ul class="Navlist">
				<li>
					<a :href="basicInformationLink">
						<div class="title">
							<div class="iconCn"><i class="iconfont">&#xe60e;</i></div>
							<div class="name">个人信息</div>
						</div>
						<div class="Rn">
							<span :class="[user.personalInformation.ind > 0 ? '' : 'active']">简历完善度：{{user.personalInformation.ind * 100}}%</span>
							<i class="iconfont">&#xe62a;</i>
						</div>
					</a>
				</li>

				<li>
					<a :href="user.photo.link">
						<div class="title">
							<div class="iconCn"><i class="iconfont">&#xe68f;</i></div>
							<div class="name">工作照片</div>
						</div>
						<div class="Rn">
							<span :class="[user.photo.ind > 0 ? '' : 'active']">{{user.photo.ind}}张</span>
							<i class="iconfont">&#xe62a;</i>
						</div>
					</a>
				</li>

				<li>
					<a :href="appraisal">
						<div class="title">
							<div class="iconCn"><i class="iconfont">&#xe60f;</i></div>
							<div class="name">专业技能测评</div>
						</div>
						<div class="Rn">
							<i class="iconfont">&#xe62a;</i>
						</div>
					</a>
				</li>

			</ul>
		</div>


	</section>



	<script type="text/javascript" src="js/index.js"></script>



</body>

</html>
